<!DOCTYPE html>
<html lang="en" class="deeppurple-theme">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover, user-scalable=no">
    <meta name="description" content="">
    <title>{$Think.lang.my_title}</title>
    <!-- Material design icons CSS -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!-- Roboto fonts CSS -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&amp;display=swap" rel="stylesheet">
    <!-- Bootstrap core CSS -->
    <link href="/red/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- Swiper CSS -->
    <link href="/red/swiper/swiper-bundle.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="/red/style.css?v=V1.24" rel="stylesheet">
    <link rel="stylesheet" href="/static_new/css/public.css?v=V1.24">
</head>

<body class="">
<div class="wrapper homepage">
    <!-- header -->
    <div class="header" style="backdrop-filter:none">
        <div class="row no-gutters">
            <div class="col-auto">
                <!--<button class="btn  btn-link text-dark">
                  <i class="material-icons">menu</i>
                  <span class="new-notification"></span>
                </button>-->
            </div>
            <div class="col text-center">
                <!--<img src="/red/logo-header.png" alt="" class="header-logo">--></div>
            <div class="col-auto">
                <a href="/index/my/msg" class="btn  btn-link text-dark position-relative">
                    <i class="material-icons">notifications_none</i></a>
            </div>
        </div>
    </div>
    <!-- header ends -->
    <div class="container">
        <div class="card bg-template shadow h-190">
            <div class="card-body">
                <div class="row">
                    <div class="col-3" onclick="location.href=`/index/my/headimg.html`">
                        <figure class="avatar avatar-60">
                            <img src="{$info.headpic}" onerror="this.src='/public/img/head.png'" alt=""></figure>
                    </div>
                    <div class="col-auto pl-0 align-self-center">
                        <h5 class="mb-1">{$info.tel}&nbsp;
                            <span class="text-mute small">{$level_name}</span></h5>
                        <p style="line-height: 20px">
                  <span class="text-mute small">{$Think.lang.my_tgcode}&nbsp;
                    <b>{$info.invite_code}</b>
                  </span>
                            <a href="/index/my/invite" style="display: inline-block; margin-left: 10px">
                                <i class="material-icons text-template" style="font-size: 20px">card_giftcard</i></a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container top-100">
        <div class="card mb-4 shadow">
            <div class="card-body border-bottom">
                <div class="row">
                    <div class="col">
                        <h3 class="mb-0 font-weight-normal">{:config('currency')}
                            {$info.balance+$info.freeze_balance}</h3>
                        <p class="text-mute">{$Think.lang.my_money}</p></div>
                    <div class="col-auto">
                        <button class="btn btn-default btn-rounded-54 shadow"
                                onclick="window.location.href=`/index/ctrl/recharge`">
                            <i class="material-icons">add</i></button>
                    </div>
                </div>
            </div>
            <div class="card-footer bg-none">
                <div class="row">
                    <div class="col text-center">
                        <p>
                            <span class="text-success">{:config('currency')} {$info.balance}</span>
                            <br>
                            <small class="text-mute">Available balance</small></p>
                    </div>
                    <div class="col text-center border-left-dotted">
                        <p>
                            <span class="text-danger mr-1">{:config('currency')} {$info.freeze_balance}</span>
                            <br>
                            <small class="text-mute">Frozen amount</small></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="card">
            <div class="card-body shadow pl-0 pr-0">
                <div class="list-group list-group-flush border-color">
                    <a href="/index/ctrl/deposit" class="list-group-item list-group-item-action border-color">
                        <div class="row">
                            <div class="col-auto">
                                <div class="avatar avatar-50 rounded">
                                    <div class="overlay bg-template" style="border-radius: 0"></div>
                                    <span class="material-icons">call_made</span></div>
                            </div>
                            <div class="col align-self-center pl-0">
                                <h6 class="mb-1">{$Think.lang.with}
                                    <i class="material-icons float-right">chevron_right</i></h6>
                                <p class="text-secondary"></p>
                            </div>
                        </div>
                    </a>
                    <a href="/index/ctrl/junior" class="list-group-item list-group-item-action border-color">
                        <div class="row">
                            <div class="col-auto">
                                <div class="avatar avatar-50 rounded">
                                    <div class="overlay bg-template" style="border-radius: 0"></div>
                                    <span class="material-icons">groups</span></div>
                            </div>
                            <div class="col align-self-center pl-0">
                                <h6 class="mb-1">{$Think.lang.my_team}
                                    <i class="material-icons float-right">chevron_right</i></h6>
                                <p class="text-secondary"></p>
                            </div>
                        </div>
                    </a>
                    <a href="/index/ctrl/recharge_admin" class="list-group-item list-group-item-action border-color">
                        <div class="row">
                            <div class="col-auto">
                                <div class="avatar avatar-50 rounded">
                                    <div class="overlay bg-template" style="border-radius: 0"></div>
                                    <span class="material-icons">library_add</span></div>
                            </div>
                            <div class="col align-self-center pl-0">
                                <h6 class="mb-1">{$Think.lang.pay_log}
                                    <i class="material-icons float-right">chevron_right</i></h6>
                                <p class="text-secondary"></p>
                            </div>
                        </div>
                    </a>
                    <a href="/index/ctrl/deposit_admin" class="list-group-item list-group-item-action border-color">
                        <div class="row">
                            <div class="col-auto">
                                <div class="avatar avatar-50 rounded">
                                    <div class="overlay bg-template" style="border-radius: 0"></div>
                                    <span class="material-icons">payments</span></div>
                            </div>
                            <div class="col align-self-center pl-0">
                                <h6 class="mb-1">{$Think.lang.with_log}
                                    <i class="material-icons float-right">chevron_right</i></h6>
                                <p class="text-secondary"></p>
                            </div>
                        </div>
                    </a>
                    <a href="/index/my/caiwu" class="list-group-item list-group-item-action border-color">
                        <div class="row">
                            <div class="col-auto">
                                <div class="avatar avatar-50 rounded">
                                    <div class="overlay bg-template" style="border-radius: 0"></div>
                                    <span class="material-icons">repeat</span></div>
                            </div>
                            <div class="col align-self-center pl-0">
                                <h6 class="mb-1">{$Think.lang.my_alllog}
                                    <i class="material-icons float-right">chevron_right</i></h6>
                                <p class="text-secondary"></p>
                            </div>
                        </div>
                    </a>
                    <a href="/index/my/msg" class="list-group-item list-group-item-action border-color">
                        <div class="row">
                            <div class="col-auto">
                                <div class="avatar avatar-50 rounded">
                                    <div class="overlay bg-template" style="border-radius: 0"></div>
                                    <span class="material-icons">notifications</span></div>
                            </div>
                            <div class="col align-self-center pl-0">
                                <h6 class="mb-1">{$Think.lang.my_msg}
                                    <i class="material-icons float-right">chevron_right</i></h6>
                                <p class="text-secondary"></p>
                            </div>
                        </div>
                    </a>
                    <a href="/index/my/edit_address" class="list-group-item list-group-item-action border-color">
                        <div class="row">
                            <div class="col-auto">
                                <div class="avatar avatar-50 rounded">
                                    <div class="overlay bg-template" style="border-radius: 0"></div>
                                    <span class="material-icons">credit_card</span></div>
                            </div>
                            <div class="col align-self-center pl-0">
                                <h6 class="mb-1">{$Think.lang.edit_address}
                                    <i class="material-icons float-right">chevron_right</i></h6>
                                <p class="text-secondary"></p>
                            </div>
                        </div>
                    </a>
                    <a href="/index/my/bind_bank" class="list-group-item list-group-item-action border-color">
                        <div class="row">
                            <div class="col-auto">
                                <div class="avatar avatar-50 rounded">
                                    <div class="overlay bg-template" style="border-radius: 0"></div>
                                    <span class="material-icons">credit_card</span></div>
                            </div>
                            <div class="col align-self-center pl-0">
                                <h6 class="mb-1">{$Think.lang.bank_title}
                                    <i class="material-icons float-right">chevron_right</i></h6>
                                <p class="text-secondary"></p>
                            </div>
                        </div>
                    </a>
                    <a href="/index/ctrl/edit_pwd.html" class="list-group-item list-group-item-action border-color">
                        <div class="row">
                            <div class="col-auto">
                                <div class="avatar avatar-50 rounded">
                                    <div class="overlay bg-template" style="border-radius: 0"></div>
                                    <span class="material-icons">lock_open</span></div>
                            </div>
                            <div class="col align-self-center pl-0">
                                <h6 class="mb-1">{$Think.lang.edit_pass}
                                    <i class="material-icons float-right">chevron_right</i></h6>
                                <p class="text-secondary"></p>
                            </div>
                        </div>
                    </a>
                    <a href="/index/ctrl/edit_pwd2.html" class="list-group-item list-group-item-action border-color">
                        <div class="row">
                            <div class="col-auto">
                                <div class="avatar avatar-50 rounded">
                                    <div class="overlay bg-template" style="border-radius: 0"></div>
                                    <span class="material-icons">lock_open</span></div>
                            </div>
                            <div class="col align-self-center pl-0">
                                <h6 class="mb-1">{$Think.lang.edit_pass2}
                                    <i class="material-icons float-right">chevron_right</i></h6>
                                <p class="text-secondary"></p>
                            </div>
                        </div>
                    </a>

                    <a href="/index/user/lang.html" class="list-group-item list-group-item-action border-color">
                        <div class="row">
                            <div class="col-auto">
                                <div class="avatar avatar-50 rounded">
                                    <div class="overlay bg-template" style="border-radius: 0"></div>
                                    <span class="material-icons">language</span></div>
                            </div>
                            <div class="col align-self-center pl-0">
                                <h6 class="mb-1">{$Think.lang.lang}
                                    <i class="material-icons float-right">chevron_right</i></h6>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:void(0)" class="list-group-item list-group-item-action border-color tabs_btn1">
                        <div class="row">
                            <div class="col-auto">
                                <div class="avatar avatar-50 text-danger rounded">
                                    <div class="overlay bg-danger-light" style="border-radius: 0"></div>
                                    <span class="material-icons">power_settings_new</span></div>
                            </div>
                            <div class="col align-self-center pl-0">
                                <h6 class="mb-1">{$Think.lang.Logout}
                                    <i class="material-icons float-right">chevron_right</i></h6>
                                <p class="text-secondary"></p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- footer-->
    {include file="public/floor" /}
    <!-- footer ends-->
    <!--tj--></div>
<!-- jquery, popper and bootstrap js -->
<script src="/red/jquery-3.3.1.min.js"></script>
<script src="/red/popper.min.js"></script>
<script src="/red/bootstrap/js/bootstrap.min.js"></script>
<!-- swiper js -->
<script src="/red/swiper/swiper-bundle.min.js"></script>
<!-- cookie js -->
<script src="/red/jquery.cookie.js"></script>
<script charset="utf-8" src="/static_new/js/dialog.min.js"></script>
<script charset="utf-8" src="/static_new/js/common.js"></script>
<!-- template custom js -->
<script src="/red/main.js?v=V1.24"></script>
<!-- page level script -->
<script>
    var msg = '{$msg|RAW}';
    $(function () {
        if (msg.length > 1) {
            $(document).dialog({
                type: 'alert',
                titleText: '',
                content: msg,
                buttonTextConfirm: "{$Think.lang.queding}",
                autoClose: 0,
            });
        }
        $('.footer').find('.btn-link-default').eq(4).addClass("active");
        $('.tabs_btn1').click(function () {
            $(document).dialog({
                type: 'confirm',
                titleText: "{$Think.lang.my_logout}",
                buttonTextConfirm: "{$Think.lang.queding}",
                buttonTextCancel: "{$Think.lang.quxiao}",
                autoClose: 0,
                onClickConfirmBtn: function () {
                    window.location.href = "/index/user/logout.html";
                },
                onClickCancelBtn: function () {

                }
            });
        });
    });
</script>
</body>

</html>